/* CSS Document */


/******************** 首页 ********************/

.home_n{ width: 100%; float: left; margin: 0px 0px 50px 0px; }
.home_nr{ width: 1200px; margin: 0px auto; }

.home_menu{ width: 100%; float: left; margin: 20px 0px 0px 0px; }
.home_menu_le{ width: 260px; float: left; height: 510px; background: #fff; border-radius: 10px;}

.home-menu-le-bt{ width: 100%; height: 60px; line-height: 60px; color: #000; font-size: 18px; font-weight: bold; float: left; background: #fdd929; border-radius: 10px 10px 0px 0px; }
.home-menu-le-bt img{ width: 20px; height: 20px; margin: 19px 18px 0px 20px; float: left; }

.home_menu_ri{ width: 910px; float: left; height: 510px; margin-left: 20px; border-radius: 10px; overflow: hidden; }

/* mod-menu */
.mold_open_hover,.mold_open{display:inline-block;width:10px;height:6px;margin-left:10px;position:relative;top:-2px;}
.mold_open{background-position:0 -6px;}
.mold_open_hover{background-position:0 0;}
.mod-menu{ position:relative; z-index:1000; left:0px; top: 0px; margin-left:0px; width: 260px; height: 450px; }
.menu-cont-list a:hover{text-decoration:underline;}
.mod-menu .menu-item{ width:260px; height: 50px; position:relative; z-index:22; }
.mod-menu .menu-item li{ width: 100%; height:49px; line-height:49px; background:#fff url("../images/home_06.png") no-repeat center right 10px; background-size: 14px 14px; border-bottom:solid 1px #ebecf0; float: left; }
.mod-menu .menu-item li img{ width: 11px; height: 11px; float: left; margin: 19px 15px 0px 20px; }
.mod-menu .menu-item li.mouse-bg{ width:261px; color: #167ed2; background: #fff; position:relative; z-index:22; margin-right:-4px; }
.mod-menu .menu-item li.mbno{ border-radius: 0px 0px 10px 10px; border-bottom: none; }
.mod-menu .menu-item a{ width: 260px; color:#666; font-size:15px; display:block;height:49px;}
.mod-menu .menu-item a:hover{ text-decoration:none; }

.mod-menu .menu-cont{ position:absolute; left:260px; top:-10px;background:#fff; width:600px; border:solid 1px #ebecf0; box-shadow:2px 0 10px rgba(0,0,0,0.15); z-index:20;}
.mod-menu .menu-cont-list{ width: 100%; padding:0px 0px 0px 30px; box-sizing: border-box; }
.mod-menu .menu-cont-list dl{ width: 100%; float: left; padding-bottom: 20px; }
.mod-menu .menu-cont-list dl dt{ width: 100%; height: 30px; line-height: 30px; color: #167ed2; font-size: 16px; font-weight: bold; float: left; padding: 10px 0px 10px 0px; }
.mod-menu .menu-cont-list dl dd{ width: auto; line-height: 26px; float: left; font-size: 14px; padding: 0px 25px 2px 0px; }
.mod-menu .menu-cont-list dl dd a{ color: #000; font-weight: normal; text-decoration: none; }
.mod-menu .menu-cont-list dl dd a:hover{ color: #167ed2;}

.mod-menu .menu-cont-list li{border-bottom:dotted 1px #f0bfd3;padding:10px 0;}
.mod-menu .menu-cont-list li:last-child{border-bottom:none;}
.mod-menu .menu-cont-list h3{font-size:14px;font-weight:700;}
.mod-menu .menu-cont-list h3 a{color:#222;}
.mod-menu .menu-list-link a{color:#666;line-height:24px;}
.mod-menu .menu-list-link .long-string{color:#ccc;font-size:12px;padding:0 10px;}

/* banner */
.fullSlide{ width:100%; position:relative; height: 510px; float: left; }
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:510px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:510px;}
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:50px; line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1; width:20px; height:5px;margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.3;line-height:999px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow: hidden;}
.fullSlide .hd ul .on{background:#fff;opacity:0.8;}
.fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1;top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; background:url(../images/home_02.png) 11px 21px #167ed2 no-repeat; background-size: 18px 18px; cursor:pointer; filter:alpha(opacity=50);opacity:0.5;display:none;
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow: hidden;}
.fullSlide .next{ left:auto; right:5%; background:url(../images/home_03.png) 11px 21px #167ed2 no-repeat; background-size: 18px 18px;}


/* 产品列表 */
.home_list{ width: 100%; border-radius: 10px; background: #fff; float: left; margin: 20px 0px 0px 0px; }

.home_list_bt{ width: 100%; height: 56px; line-height: 56px; float: left; border-bottom: #f3f3f3 solid 1px; padding: 0px 20px; box-sizing: border-box; }
.home_list_bt h1{ width: 50%; height: 56px; float: left; font-size: 16px; color: #000; }
.home_list_bt p{ width: 50%; height: 56px; float: left; font-size: 16px; color: #000; text-align: right; }
.home_list_bt p a{ color: #999; font-size: 14px; }
.home_list_bt p a:hover{ color: #167ed2; }

.home_list_n{ width: 100%; float: left; }
.home_list_nr{ width: 275px; float: left; position: relative; margin: 20px 0px 20px 20px; }
.home_list_nr h1{ width: 275px; height: 275px float: left; }
.home_list_nr h2{ width: 44px; height: 44px; position: absolute; z-index: 10; top: 20px; right: 20px; }
.home_list_nr h2 img{ width: 44px; height: 44px; }
.home_list_nr dl{ width: 100%; float: left; }
.home_list_nr dl dt{ margin: 15px 0px 4px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home_list_nr dl dt a{ color: #000; font-weight: bold; }
.home_list_nr dl dt a:hover{ color: #167ed2; }
.home_list_nr dl dd{ color: #ff0000; }
.home_list_nr dl dd del{ color: #c8c9cc; font-weight: normal; margin-left: 10px; }
.home_list_nr dl dt,dd{ width: 100%; height: 26px; line-height: 26px; font-size: 16px; float: left; font-weight: bold;}


/******************** 产品列表 ********************/

/* 筛选 */
.prolis-screen{ width: 100%; float: left; background: #fff; border-radius: 10px; overflow: hidden; margin: 30px 0px 10px 0px; }
.prolis-screen-list{ width: 100%; float: left; border-bottom: #e6e6e6 dashed 1px; padding: 15px 20px; box-sizing: border-box; }
.prolis-screen-list h1{ width: 100px; line-height: 30px; float: left; font-size: 14px; font-weight: normal; }
.prolis-screen-list ul{ width: 1060px; line-height: 30px; float: left; font-size: 14px; font-weight: normal; }
.prolis-screen-list ul li{ width: auto; float: left; margin: 0px 40px 0px 0px; }
.prolis-screen-list ul li a{ color: #999; }
.prolis-screen-list ul li a:hover{ color: #167ed2; }
.prolis-screen-list ul li a.hover{ color: #167ed2; }
.border-no{ border: none; }

/* 翻页 */
.prolis-page{ width: 100%; float: left; margin: 30px 0px 0px; }
.prolis-page span{ width: auto; height: 42px; line-height: 42px; float: left; margin: 0px 8px 0px 0px;
    border-radius: 5px; overflow: hidden; }
.prolis-page span a{ display: block; background: #fff; color: #000; font-size: 14px; text-align: center; padding: 0px 18px; }
.prolis-page span a:hover{ background: #167ed2; color: #fff; -webkit-transition: all 0.10s ease-out; transition: all 0.10s ease-out;}
.prolis-page span a.hover{ background: #167ed2; color: #fff;}

/******************** 产品详情 ********************/

/* 导航 */
.prodet-dh{ width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #167ed2; margin-top: 20px;
    float: left; }
.prodet-dh strong{ color: #000; margin: 0px 10px; }
.prodet-dh a{ color: #000; }
.prodet-dh a:hover{ color: #167ed2; }

/* 头部 */
.prodet-top{ width: 100%; background: #fff; float: left; padding: 30px; box-sizing: border-box;
    overflow: hidden; margin: 15px 0px 0px 0px; border-radius: 10px; }

/* 左侧 */
.prodet-top-le{ width: 320px; float: left; position: relative; }

/* 轮播图 */
.wai{ float: left; }
.one{ width: 318px; height: 318px; border: 1px solid #ccc; position: relative; margin-bottom: 10px; }
.one img{ width: 318px; height: 318px; }
.one span{ width: 175px; height: 175px; position: absolute; border: 1px solid #167ed2; top: 0;
    left: 318px; z-index: 100; display: none; }
.one:hover span{ display:block; background-image:url(../img/bg.png);}

.two{ width: 320px; float: left; }
.two img{ width: 54px; border: 1px solid #ccc; float: left; margin-right: 10px; }
.two img:nth-child(5n+0){ margin-right: 0px; }
.two .active{ border: 1px solid #167ed2; }
.two img:hover{ border: 1px solid #167ed2; }

.the{ width: 400px; height: 400px; position: absolute; left: 320px; top: 0px;
    overflow: hidden; border: 1px solid #969696; display: none; z-index: 10; }
.the img{ position: absolute; display: block; }

/* 右侧 */
.prodet-top-ri{ width: 780px; float: left; margin-left: 40px; }
.prodet-top-rit{ width: 100%; float: left; margin-bottom: 25px;  }
.prodet-top-rit h1{ width: 100%; line-height: 36px; font-size: 26px; color: #000; float: left; margin-bottom: 20px; }
.prodet-top-rit p{ width: 100%; height: 26px; line-height: 26px; font-size: 16px; color: #000; float: left; margin: 5px 0px 5px 0px; }
.prodet-top-rit p strong{ font-size: 26px; color: #e51717; }
.prodet-top-rit p del{ color: #999; font-weight: normal; }

/* 选择 */
.prodet-top-rix{ width: 100%; float: left; margin-bottom: 10px; }
.prodet-top-rix h1{ width: 70px; line-height: 34px; font-size: 14px; color: #999; font-weight: normal; float: left; }
.prodet-top-rix ul{ width: 700px; float: left; }
.prodet-top-rix ul li{ width: auto; float: left; font-size: 14px; margin: 0px 10px 10px 0px; }
.prodet-top-rix ul li a{ display: block; line-height: 32px; height: 32px; border: #e6e6e6 solid 1px;
    color: #000; padding: 0px 18px; }
.prodet-top-rix ul li a:hover{ border: #167ed2 solid 1px; }
.prodet-top-rix ul li a.hover{ border: #167ed2 solid 1px; }

.prodet-top-rix dl{ width: 140px; height: 32px; border: #e6e6e6 solid 1px; float: left; }
.prodet-top-rix dl dt{ width: 34px; height: 32px; float: left; }
.prodet-top-rix dl dt img{ width: 34px; height: 32px; float: left; }
.prodet-top-rix dl dd{ width: 72px; height: 32px; line-height: 32px; float: left; }
.prodet-top-rix dl dd input{ width: 72px; height: 32px; line-height: 32px; float: left; border: none;
    background: #fff; text-align: center; font-size: 14px; color: #000;}
.prodet-top-rix p{ width: 100px; height: 34px; line-height: 34px; float: left; margin-left: 15px; font-size: 14px; color: #666; }

/* 按钮 */
.prodet-top-rin{ width: 100%; float: left; margin: 25px 0px 10px 0px; }
.prodet-top-rin span{ width: 150px; height: 50px; float: left; margin-right: 15px; }
.prodet-top-rin p{ width: 150px; height: 50px; float: left; margin-right: 15px; }
.prodet-top-rin span button,p button{ display: block; width: 150px; height: 50px; float: left; border-radius: 5px;
    background: #f32713; color: #fff; font-size: 16px; text-align: center; border: none; outline: 0; }
.prodet-top-rin span button:hover{ background: #d82210; cursor: pointer; }
.prodet-top-rin p button{ background: #167ed2; }
.prodet-top-rin p button:hover{ background: #1274c2; cursor: pointer; }

/* 内容 */
.prodet-nr{ width: 100%; margin: 20px 0px 0px 0px; float: left; }

/* Tab切换 */

.tab_nr{ width: 865px; background: #fff;  float: left; margin-right: 20px; border-radius: 10px; overflow: hidden; }

.tab_menu{ overflow: hidden; width: 100%; height: 56px; float: left; border-bottom: #f3f3f3 solid 1px; padding-left: 20px;
    box-sizing: border-box; font-size: 14px; }
.tab_menu li{ width: 120px; float: left; height: 40px; line-height: 40px; color: #000; text-align: center;
    cursor: pointer; margin: 16px 10px 0px 0px; border-radius: 5px 5px 0px 0px; overflow: hidden; background: #f2f3f7; }
.tab_menu li.current{ color: #167ed2; background: #167ed2; color: #fff; }
.tab_menu li a{ color: #fff; text-decoration:none; }
.tab_menu li.current a{ color: #333; }

.tab_box{ width: 100%; padding: 30px; box-sizing: border-box; float: left; }
.tab_box .hide{ display:none; }
.tab_box .details{ width: 100%; float: left; }
.tab_box .details-tu{ width: 100%; float: left; }
.tab_box .details-tu img{ width: 100%; float: left; }

.tab_box .parameter{ width: 100%; float: left; }
.tab_box .parameter-list{ width: 100%; float: left; margin-bottom: 10px; }
.tab_box .parameter-list h1{ width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #000;
    float: left; margin-bottom: 10px; }
.tab_box .parameter-list dl{ width: 100%; float: left; line-height: 26px; margin: 3px 0px; }
.tab_box .parameter-list dl dt{ width: 30%; float: left; text-align: right; padding-right: 20px;
    box-sizing: border-box; font-size: 14px; color: #999; }
.tab_box .parameter-list dl dd{ width: 70%; float: left; font-weight: normal; font-size: 14px; }

.tab-nr-ri{ width: 315px; float: left; background: #fff; border-radius: 10px; overflow: hidden; }


/******************** 搜索 ********************/

.pro-search{ width: 100%; height: 100px; line-height: 100px; float: left; font-size: 20px; margin: 30px 0px 0px 0px;
    text-align: center; background: #fff; color: #999; border-radius: 10px; }
.pro-search strong{ color: #167ed2; }

.pro-search-no{ width: 100%; height: 500px; float: left; margin: 20px 0px 0px 0px; background: #fff; border-radius: 10px; }
.pro-search-no h1{ width: 100%; float: left; margin: 100px 0px 10px 0px; }
.pro-search-no h1 img{ width: 300px; margin: 0px auto; }
.pro-search-no p{ width: 100%; float: left; font-size: 18px; text-align: center; color: #999; margin-top: 10px; }


















